<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools.js"></script>
    <script type="text/javascript" src="../script/mockup.header.js"></script>
    <script type="text/javascript" src="../script/mockup.footer.js"></script>
    
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-17220419-1']);
        _gaq.push(['_trackPageview']);

        (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body class="pageBG">
    <div id="header"></div>

    <div style="margin: 0 auto; width: 858px;">
        <ul class="submenu">
            <li><a class="one" href="/case/isaved">&nbsp;</a></li>
            <li><a class="two" href="/case/footprint">&nbsp;</a></li>
            <li><a class="three active" href="javascript:;">&nbsp;</a></li>
            <li><a class="four" href="/case/wedo">&nbsp;</a></li>
            <li><a class="five" href="/case/eps">&nbsp;</a></li>
            <li><a class="six" href="/case/machinery">&nbsp;</a></li>
        </ul>
    </div>
    
    <div class="show">
        <div class="show-r">
            <div class="show-l">
                <div style="padding: 11px;">
                    <!--<div class="show-isaved"></div>-->
                    <div id="slider">
                        <img alt="" src="../css/image/show.esbjerg.png" />
                    </div>
                    <a id="btnNext" class="r btn-next" href="/case/wedo"></a>
                    <a id="btnPrev" class="r btn-prev" href="/case/footprint"></a>
                    <div class="c"></div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="overview">
        <div class="title">Overview</div>
        <div>Help customers of their offshore installations by providing tools for presenting status on certificates, recommendations, memos, etc, and direct download of relevant documents created and maintained by DNV Energy.</div>
        <div class="title" style="padding-top: 20px;">Snapshot</div>
    </div>
    
    <!--<div class="content-top s0"></div>-->
    <div class="content2">
        <div class="exhibit">
            <div class="subtitle">Login</div>
            <div class="exhibit-border-1"><img src="../css/image/esbjerg.login.png" /></div>
            <div class="subtitle">Home</div>
            <div class="exhibit-border-1"><img src="../css/image/esbjerg.home.png" /></div>
            <div class="subtitle">Project</div>
            <div class="exhibit-border-1"><img src="../css/image/esbjerg.project.png" /></div>
            <div class="subtitle">Survey</div>
            <div class="exhibit-border-1"><img src="../css/image/esbjerg.survey.png" /></div>
        </div>
        <!--<div class="content-footer">
            <div class="content-footer-font"><b>XD</b> | xdmockup.appspot.com</div>
        </div>-->
    </div>


    <div id="footer"></div>


    <!--<div class="content-bottom s0"></div>-->
    
    <script type="text/javascript">
    
        window.addEvent('domready', function() {
            window.addEvent('domready', function() {
                new MockupHeader({active: 1});
                new MockupFooter({});
            });
			
			$('btnNext').addEvents({
			    'mousedown': function() {
                    this.setProperty('class', 'r btn-next-down nextSlide');
			    },
			    
			    'mouseup': function() {
                    this.setProperty('class', 'r btn-next nextSlide');
			    },
			    
			    'mouseout': function() {
                    this.setProperty('class', 'r btn-next nextSlide');
			    }
			});
			
			$('btnPrev').addEvents({
			    'mousedown': function() {
                    this.setProperty('class', 'r btn-prev-down prevSlide');
			    },
			    
			    'mouseup': function() {
                    this.setProperty('class', 'r btn-prev prevSlide');
			    },
			    
			    'mouseout': function() {
                    this.setProperty('class', 'r btn-prev prevSlide');
			    }
			});
            
        });
    </script>
</body>
</html>